// import Vue from 'vue'

// // 自定义全局变量
// Vue.directive('imgerror', {
//   // 表示的使用这个指令的标签插入DOM树中，就会触发这个inserted
//   // el：表示的是使用指令的DOM元素
//   // banding：在使用这个指令的时候传入数据（banding.value）
//   inserted(el, binding) {
//     el.onerror = function() {
//       el.src = binding.value
//     }
//   }
// })
// // 体验版变成红色
// Vue.directive('color', {
//   inserted(el, binding) {
//     el.style.color = binding.value
//   }
// })

// 第二个方法
// 管理所有的自定义指令
export const imgerror = {
  inserted(el, binding) {
    el.onerror = function() {
      el.src = binding.value
    }
  }
}

export const color = {
  inserted(el, binding) {
    el.style.color = binding.value
  }
}
